<template>
  <a-carousel
    indicator-type="slider"
    show-arrow="hover"
    auto-play
    style="width: 100%; height: 150px; border-radius: 4px; overflow: hidden"
  >
    <a-carousel-item v-for="(image, idx) in images" :key="idx">
      <div>
        <a-link
          :href="image.url"
          target="_blank"
          rel="noopener"
        >
          <img :src="image.src" style="width: 100%" alt="" />
        </a-link>
      </div>
    </a-carousel-item>
  </a-carousel>
</template>

<script setup lang="ts">
const images = [
  {
    src: `https://wwwstatic.vivo.com.cn/vivoportal/files/resource/product/1745496868775/images/pc/artistic2.png.avif?${new Date().getTime()}`,
    url: 'https://www.vivo.com.cn/vivo/x200ultra/'
  },
  {
    src: `https://www.oppo.com/content/dam/oppo_com/oppo/product-asset-library/find-x/cn-find-x8-series/find-x8-ultra/assets/images-form-1x-1.jpg.webp?${new Date().getTime()}`,
    url: 'https://www.oppo.com/cn/smartphones/series-find-x/find-x8-ultra/'
  },
  {
    src: `https://xps01.xiaopeng.com/cms/content/pic/2024/08-28/00-20-070038-115292279.png?${new Date().getTime()}`,
    url: 'https://www.xiaopeng.com/'
  },
  {
    src: `https://se-cdn.djiits.com/tpc/uploads/core_selling_point/image/8ccc92c770761370bba45bf1fa50967b.webp?${new Date().getTime()}`,
    url: 'https://www.dji.com/cn/mavic-4-pro'
  },
  {
    src: `https://p.ampmake.com/lilibrary/217116310703016/e86d8ff5-87c0-4b6c-8952-ea03fa73e4bb.jpeg?${new Date().getTime()}`,
    url: 'https://www.lixiang.com/#li'
  }
]
</script>
